import { createRouter, createWebHistory } from "vue-router";


const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: "/",
      name: "home",
      component: () => import("../views/render/FormRender.vue")
    },
    {
      path: "/render/simple",
      name: "simple",
      component: () => import("../views/render/SimpleFormRender.vue")
    }, {
      path: "/render/submit",
      name: "submit",
      component: () => import("../views/render/SubmitFormRender.vue")
    }, {
      path: "/render/pdf",
      name: "pdf",
      component: () => import("../views/render/PdfFormRender.vue")
    }, {
      path: "/render/wizard",
      name: "wizard",
      component: () => import("../views/render/WizardFormRender.vue")
    }, {
      path: "/render/wizard/custom",
      name: "customWizard",
      component: () => import("../views/render/CustomWizardFormRender.vue")
    }, {
      path: "/render/editor",
      name: "editor",
      component: () => import("../views/render/EditorFormRender.vue")
    },{
      path: "/render/json",
      name: "json",
      component: () => import("../views/render/JsonPoweredFormRender.vue")
    },{
      path: "/render/logic",
      name: "logic",
      component: () => import("../views/render/LogicFormRender.vue")
    },{
      path: "/render/datagrid",
      name: "datagrid",
      component: () => import("../views/render/DataGridFormRender.vue")
    },{
      path: "/render/skr",
      name: "skr",
      component: () => import("../views/render/SkrFormRender.vue")
    },
    {
      path: "/builder",
      name: "builder",
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import("../views/builder/FormBuilder.vue")
    },
    {
      path: "/demo1",
      name: "demo1",
      component: () => import("../views/builder/SrcFormBuilder.vue")
    }, {
      path: "/demo2",
      name: "demo2",
      component: () => import("../views/builder/ConfigFormBuilder.vue")
    }, {
      path: "/jsoneditor",
      name: "jsoneditor",
      component: () => import("../views/jsoneditor/JsonEditor.vue")
    }
  ]
});

export default router;
